<!-- eslint-disable vue/html-indent -->
<template>
  <div>
    <programMangage></programMangage>
    <!--    <div class="flex justify-center">-->
    <!--      <div>-->
    <!--        <p class="mt-5">webtopo-svg-edit demo演示页面</p>-->
    <!--      </div>-->
    <!--    </div>-->
    <!--    <div class="flex mt-10px justify-center h-[calc(100vh-100px)]">-->
    <!--      <el-button-->
    <!--        type="primary"-->
    <!--        link-->
    <!--        v-for="item in button_list"-->
    <!--        :key="item.name"-->
    <!--        :title="item.title"-->
    <!--        @click="item.onClick"-->
    <!--        style="height: 20px"-->
    <!--        >{{ item.name }}-->
    <!--      </el-button>-->
    <!--    </div>-->
  </div>
</template>
<script setup lang="ts">
  import programMangage from './program-manage/index.vue';
  // import { reactive } from 'vue';
  // import { useRouter } from 'vue-router';
  //
  // const router = useRouter();
  // const button_list: IButtonList[] = reactive([
  //   {
  //     name: '编辑器页面',
  //     title: '基础功能之编辑器页面',
  //     onClick: () => {
  //       router.push({
  //         name: 'edit',
  //         params: {}
  //       });
  //     }
  //   },
  //   {
  //     name: '编辑器(加载已有数据)',
  //     title: '模拟从数据库加载数据',
  //     onClick: () => {
  //       router.push({
  //         name: 'edit-load',
  //         params: {}
  //       });
  //     }
  //   },
  //   {
  //     name: '自定义左侧组件库',
  //     title: '用自己的组件库替换现有组件库，一般是集成到自己项目时使用',
  //     onClick: () => {
  //       router.push({
  //         name: 'custom-toolbar',
  //         params: {}
  //       });
  //     }
  //   },
  //   {
  //     name: '加载保存好的页面',
  //     title: '模拟从数据库加载数据',
  //     onClick: () => {
  //       router.push({
  //         name: 'preview-test',
  //         params: {}
  //       });
  //     }
  //   },
  //   {
  //     name: '设置节点属性',
  //     title: '从插件外部设置节点属性',
  //     onClick: () => {
  //       router.push({
  //         name: 'set-node-attr',
  //         params: {}
  //       });
  //     }
  //   },
  //   {
  //     name: '集成到平台效果预览',
  //     title: '集成到平台效果预览',
  //     onClick: () => {
  //       window.open('http://svgpro.yaolm.top/');
  //     }
  //   },
  //   {
  //     name: '集成到平台效果预览(vue2)',
  //     title: '集成到平台效果预览(vue2)',
  //     onClick: () => {
  //       window.open('http://svgprov2.yaolm.top/');
  //     }
  //   },
  //   {
  //     name: 'pro纯前端预览版',
  //     title: '集成到平台效果预览更新频率较慢,查看pro效果可在此查看,每次进入之前建议清理一下缓存',
  //     onClick: () => {
  //       window.open('http://testpro.yaolm.top/');
  //     }
  //   }
  // ]);

  // interface IButtonList {
  //   name: string;
  //   title: string;
  //   onClick: () => void;
  // }
</script>
<style scoped></style>
